<template>
  <div class="bgh">
    <div class="fm_h mgbt bgf">
      <img 
        src="images/img.jpg" 
        class="userimg">
      <p class="fs16">用户名</p>
    </div>
    <div>
      <ul 
        class="mui-table-view" 
        style="position:static">
        <li 
          v-for="(item, index) in mineData" 
          :key="index" 
          class="mui-table-view-cell fs16"
          @click="goright(item)">
          <a class="mui-navigate-right">
            {{ item.name }}
          </a>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showright: false,
      mineData: [
        {
          name: '协会会员',
          pathname: 'join'
        },
        {
          name: '我的活动',
          pathname: 'myplay'
        },
        {
          name: '协会通知',
          pathname: 'finform'
        }
      ]
    }
  },
  methods: {
    goright(item) {
      this.$router.push({
        name: item.pathname,
        query: {
          from: '我的',
          word: item.name
        }
      })
    }
  }
}
</script>

<style>
.userimg {
  border-radius: 50%;
  width: 70px;
  margin: 30px 0 10px 0;
}
.fm_h {
  text-align: center;
}
.fm_h p {
  padding: 10px 0 20px 0;
}
</style>
